<!DOCTYPE html> 

<html lang="ko"> 
<head> 
<meta charset="utf-8"> 

<title>Resolution Dependent Layout</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width: 670px)" href="css/narrow.css">
<link rel="stylesheet" media="screen and (min-width: 671px) and (max-width: 850px)" href="css/medium.css">
<link rel="stylesheet" media="screen and (min-width: 851px)" href="css/wide.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script><script type="text/javascript" async="" src="//s3.buysellads.com/ac/bsa.js"></script><script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script>
</head>

<body>

<div id="page-wrap">

	<div id="header">
		<header>
			<table border=0><tr><td><img src="img/icon.png"></td><td><h1 id="title">HTML5 player</h1></td></tr></table>
		</header>
	</div>

	<div id="mainmenu">
		<ul id="navi">
			<li><a href="./audio/">음악</a></li>
			<li><a href="./video/">동영상</a></li>
			<li><a href="./gallery/">사진</a></li>
		</ul>
	</div>

	<div id="player">
		<center>
			<br><br><br>
			<img src="img/media-player.jpg" width=220 height=160>
		</center>
	</div>

	<div id="library">
		<center>
			<br><br><br><br>
			<img id="logo" src="img/HTML5_Logo_512.png" width=300 height=300>
		</center>
	</div>

	<div id="footer">
		<h2>made by Chrome E2G</h2>
	</div>

</div>
        
</body>
</html>
